﻿<Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
    <Grid.Background>
        <RadialGradientBrush>
            <GradientStop Color="#FF2A9E4A" Offset="1"/>
            <GradientStop Color="#FF94EC98"/>
        </RadialGradientBrush>
    </Grid.Background>
    <Grid.Resources>


    </Grid.Resources>
    <Border BorderThickness="1" HorizontalAlignment="Center" Height="300" VerticalAlignment="Center" Width="500" >
        <Border.Triggers>
            <EventTrigger RoutedEvent="Border.Loaded">
                <BeginStoryboard>
                    <Storyboard RepeatBehavior="Forever" BeginTime="00:00:00">
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle01" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle12" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01.1000000" Value="1"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle11" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.9000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01.1000000" Value="0.5"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle02" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle03" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle04" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle05" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.4000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle06" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle07" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.9000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle08" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.7000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.9000000" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle09" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.9000000" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01" Value="0.25"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01.1000000" Value="0.2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Rectangle10" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0.2"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:00.9000000" Value="1"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01" Value="0.5"/>
                            <EasingDoubleKeyFrame KeyTime="00:00:01.1000000" Value="0.25"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Border.Triggers>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid Grid.Row="1">
                <Rectangle Grid.Column="0" Height="3" Fill="#FF8EA718" Margin="0 10"/>
                <TextBlock Text="User Interface" Visibility="Collapsed" Grid.Column="0" Margin="0,0,0,-25" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" FontFamily="Segoe UI Light" FontSize="13.333"/>
            </Grid>
            <Rectangle Grid.Row="1" Height="3" Fill="#FF3A2A46" Margin="0 10" RenderTransformOrigin="1, 0.5">
                <Rectangle.RenderTransform>
                    <ScaleTransform x:Name="progressbar"/>
                </Rectangle.RenderTransform>
            </Rectangle>

            <StackPanel Margin="0,10" Orientation="Vertical" HorizontalAlignment="Stretch" VerticalAlignment="Top">
                <TextBlock TextWrapping="Wrap" Text="Sparrow Chart Toolkit" Foreground="White" FontFamily="Segoe UI Light" FontSize="18.667"/>
                <TextBlock TextWrapping="Wrap" Text="Silverlight Demos" FontSize="26.667" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Segoe UI Light" Foreground="White"/>
            </StackPanel>

            <TextBlock Grid.Row="2" x:Name="Progress" Text="0" HorizontalAlignment="Right" VerticalAlignment="Top" Foreground="White" Margin="10" FontSize="40" FontFamily="Segoe UI Light"/>
            <Canvas Grid.Row="2" x:Name="spinner_1" HorizontalAlignment="Center" Width="24" Height="24" VerticalAlignment="Top">
                <Grid x:Name="LayoutRoot" Height="24" Width="24"/>
                <Canvas Height="24" Width="24">
                    <Rectangle x:Name="Rectangle01" Fill="Black" Height="5" Width="2" Canvas.Left="11" Canvas.Top="2" RadiusX="1" RadiusY="1" Opacity="0.2"/>
                    <Rectangle x:Name="Rectangle02" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="2" RenderTransformOrigin="0.5,0.5" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="30"/>
                                <TranslateTransform X="3.7499999999999996" Y="1.00480947161671"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle03" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="2" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="60"/>
                                <TranslateTransform X="6.49519052838329" Y="3.7500000271702154"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle04" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="2" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform X="7.5000000920390741" Y="7.5"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle05" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="2" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="120"/>
                                <TranslateTransform X="6.49519052838329" Y="11.25"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle06" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="2" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="150"/>
                                <TranslateTransform X="3.7500000920390728" Y="13.995190528383292"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle07" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="17" Opacity="0.2"/>
                    <Rectangle x:Name="Rectangle08" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="17" RenderTransformOrigin="0.5,0.5" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="30"/>
                                <TranslateTransform X="-3.7499999999999996" Y="-1.00480947161671"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle09" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="17" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="60"/>
                                <TranslateTransform X="-6.49519052838329" Y="-3.7500000271702154"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle10" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="17" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform X="-7.5000000920390741" Y="-7.5"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle11" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="17" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="120"/>
                                <TranslateTransform X="-6.49519052838329" Y="-11.25"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                    <Rectangle x:Name="Rectangle12" Fill="Black" RadiusX="1" RadiusY="1" Height="5" Width="2" Canvas.Left="11" Canvas.Top="17" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Opacity="0.2">
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="150"/>
                                <TranslateTransform X="-3.7500000920390728" Y="-13.995190528383292"/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                    </Rectangle>
                </Canvas>
            </Canvas>
        </Grid>
    </Border>
</Grid>